import { createApp } from 'vue'
import App from './App.vue'
import router from "./router";
// 使用tailwind
import "./assets/css/index.css"
import "tailwindcss/tailwind.css"
import "./assets/css/common.scss"
import "./assets/css/base.css"
import "./assets/iconfont/iconfont.css"
import "./assets/iconfont/iconfont.js"
import commonVue from './mixin/common.vue'
import BaseComponents from './components/index'
import {Button,ShareSheet ,Slider ,Tabbar,TabbarItem,Icon,Badge ,Swipe, SwipeItem,NoticeBar,Lazyload,Skeleton,PullRefresh,Search,Notify,Rate,Tabs,Tab } from 'vant'
import { Image as VanImage } from 'vant';
import { Toast } from 'vant';
import Vue3TouchEvents from "vue3-touch-events";

const app = createApp(App)
app.use(Vue3TouchEvents);

app.use(BaseComponents);
app.use(Tab);
app.use(Tabs);
app.use(Slider);
app.use(ShareSheet );
app.use(Icon);
app.use(Rate);
app.use(Swipe);
app.use(SwipeItem);
app.use(Badge );
app.use(NoticeBar );
app.use(Button);
app.use(VanImage);
app.use(Toast);
app.use(PullRefresh);
app.use(Skeleton );
app.use(Lazyload);
app.use(Tabbar);
app.use(TabbarItem);
app.use(Notify);
app.use(Search );
app.mixin(
    commonVue
)
app.use(router).mount('#app')
